<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <title>招聘网站</title>
</head>
<style>
    *{
        margin: 0;
        padding: 0;
    }
    body{
        background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    }
    h2{
        text-align: center;
        color: #ffffff;
        font-family: "Microsoft Yahei", serif;
        letter-spacing:5px;
        margin-top: 20px;

    }
    .con{
        text-align: center;
        display:flex;
        justify-content: center;
        align-items:center;
        margin: auto;
        position: absolute;
        top: 0;left: 0;right: 0;bottom: 0;
        width:500px;
        height: 300px;
        border-radius: 25px;
        background-color:rgba(255, 255, 255, 0.5);
    }
    button{
        width: 80px;
        height: 80px;
        border-radius: 40px;
        background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
        border: 1px solid rgb(255, 255, 255);
        margin: 5%;
    }
    button:hover{
        color: red;
        background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
    }
</style>
<body>
<h2>招聘网站</h2>
<div class="con">
    <button class="user" type="button" onclick="window.location.href='./user_add.jsp'">添加用户</button>
    <button class="company" type="button" onclick="window.location.href='./company_add.jsp'">添加企业</button>
</div>
</body>
</html>
